<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<meta name="format-detection" content="telephone=no, address=no, email=no">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="x5-orientation" content="portrait">
	<title>拼团</title>
	<link href="../lib/swiper/swiper-3.3.1.min.css" rel="stylesheet">
	<link href="../lib/weui/weui.min.css" rel="stylesheet">
	<link href="../css/style.css" rel="stylesheet">
	<link href="../css/details.css" rel="stylesheet">

</head>
<body>
<div class="small_page">
	<!-- <div class="small_head">
		<div class="go-back"></div>
		<div class="head-title">店铺分类</div>
		<div class="tool-box"><img src="../images/more-ico.png" style="width:.8rem;"></div>
	</div> -->
	<div class="small_body">
		<div class="warp-pages">
			<div class="weui-tops">
				<!--图片轮播  -->
				<div class="head-banner">
					<div class="swiper-container">
						<div class="swiper-wrapper tc">
							<div class="swiper-slide">
								<img src="../images/xiang-bg.jpg" style="width:100%;"/>
							</div>
							<div class="swiper-slide">
								<img src="../images/xiang-bg.jpg" style="width:100%;" />	
							</div>
							<div class="swiper-slide">
								<img src="../images/xiang-bg.jpg" style="width:100%;" />
							</div>
						</div>
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<div class="toosbox">
					<a href="#" class="toos-home fl"><img src="../images/toos-01.png"></a>
					
					<a href="#" class="toos-user fr"><img src="../images/toos-03.png"></a>

					<a href="#" class="toos-search fr marg-r10"><img src="../images/toos-02.png"></a>
				</div>
			</div>
			<div class="weui-cells no-end small-cells">
				<div class="weui-cell">	
					<div class="weui-cell__bd">
						<p class="prices" style="display:inline-block;"><span>￥</span>98.00</p>
						<p class="old-price" style="display:inline-block;">价格<span>￥600</span></p>
					</div>
					<div class="weui-cell__ft">
						<p class="small-a">已有<span>79</span>人参团</p>
					</div>
				</div>
			</div>
			<div class="weui-cells no-end small-cells">
				<div class="weui-cell" style="padding:.1rem 15px">	
					<div class="weui-cell__bd">
						<p class="title">袋鼠男包上午公文包手提包男士横款真皮单肩 斜肩包包男软皮休闲包</p>
					</div>
				</div>
			</div>
			<div class="weui-cells no-end small-cells">
				<div class="weui-cell">	
					<div class="weui-cell__hd">
					</div>
					<div class="weui-cell__bd">
						<span class="right-icon">运费险</span>
						<span class="right-icon">公益宝贝</span>
						<span class="right-icon">48小时内发货</span>
					</div>
				</div>
			</div>
			
			<div class="weui-cells no-before small-cells" style="margin-top:.4rem;">
				<div class="weui-cell" style="padding:.5rem 15px;font-size:.6rem;">	
					<div class="weui-cell__bd">
						以下小伙伴正在发起团购，您可以直接参与
					</div>
					<div class="weui-cell__ft"></div>
				</div>
			</div>
					
			<div class="details-img">
				<div class="tuan-box clearfix">
					<div class="tuan-left">
						<p class="user-name">~黑寡妇哈哈~</p>
						<p class="tip-box">等你来团</p>
					</div>
					<div class="tuan-right">
						<p class="user-name" style="color:#ff3900;">还差1人成团</p>
						<p class="tip-box">剩余21:29:23结束</p>
					</div>
					<div class="left-user"><img src="../images/user01.jpg"></div>
					<a class="right-btn" href="#"><span>去参团</span></a>
				</div>
				<div class="tuan-box clearfix">
					<div class="tuan-left">
						<p class="user-name">~黑寡妇哈哈~</p>
						<p class="tip-box">等你来团</p>
					</div>
					<div class="tuan-right">
						<p class="user-name" style="color:#ff3900;">还差1人成团</p>
						<p class="tip-box">剩余21:29:23结束</p>
					</div>
					<div class="left-user"><img src="../images/user01.jpg"></div>
					<a class="right-btn" href="#"><span>去参团</span></a>
				</div>
				<div class="tuan-box clearfix">
					<div class="tuan-left">
						<p class="user-name">~黑寡妇哈哈~</p>
						<p class="tip-box">等你来团</p>
					</div>
					<div class="tuan-right">
						<p class="user-name" style="color:#ff3900;">还差1人成团</p>
						<p class="tip-box">剩余21:29:23结束</p>
					</div>
					<div class="left-user"><img src="../images/user01.jpg"></div>
					<a class="right-btn" href="#"><span>去参团</span></a>
				</div>
				<div class="tuan-box clearfix">
					<div class="tuan-left">
						<p class="user-name">~黑寡妇哈哈~</p>
						<p class="tip-box">等你来团</p>
					</div>
					<div class="tuan-right">
						<p class="user-name" style="color:#ff3900;">还差1人成团</p>
						<p class="tip-box">剩余21:29:23结束</p>
					</div>
					<div class="left-user"><img src="../images/user01.jpg"></div>
					<a class="right-btn" href="#"><span>去参团</span></a>
				</div>
			</div>
		
		
		</div>
	</div>
	 <div class="small_foot">
		<div class="abtn-box">
			<a href="#" class="icon-box">
				<img src="../images/icon01.png">
				<p>客服</p>
			</a>
			<a href="#" class="icon-box">
				<img src="../images/icon02.png">
				<p>购物车</p>
			</a>
			<a href="#" class="icon-box">
				<img src="../images/icon03.png">
				<p>我要推荐</p>
			</a>
			<a href="#" class="add-cat" style="line-height:1.5em; background:#656566;">
				<p style="font-size:.6rem;line-height:1.4em;padding-top:.2rem;">￥59.50</p>
				<p style="font-size:.5rem;line-height:1.6em">单独购买</p>
			</a>
			<a href="#" class="add-buy" style="line-height:1.5em; background:#ff3900;">
				<p style="font-size:.6rem;line-height:1.4em;padding-top:.2rem;">￥69.00</p>
				<p style="font-size:.5rem;line-height:1.6em">2人团</p>
			</a>
		<div>
	</div> 
	
</div>


</body>
<script src="../lib/jquery/jquery-1.10.1.min.js"></script>
<script src="../lib/swiper/swiper-3.3.1.jquery.min.js"></script>
<script src="../js/comm.js"></script>
<script>
	$(function(){
		var ua = navigator.userAgent.toLowerCase();
		if (/iphone|ipad|ipod/.test(ua)) {
			var swiper = new Swiper('.swiper-container', {
				//effect: 'cube',
				grabCursor: true,
				pagination: '.swiper-pagination',
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
				autoplay: 4000,
				cube: {
					shadow: true,
					slideShadows: true,
					shadowOffset: 20,
					shadowScale: 0.94
				}
			});

		} else /*if (/android/.test(ua))*/ {
			var swiper = new Swiper('.swiper-container', {
				autoplay: 4000,
				pagination: '.swiper-pagination',
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
				cube: {
					shadow: true,
					slideShadows: true,
					shadowOffset: 20,
					shadowScale: 0.94
				}
			});

		}
	})
</script>

</html>